<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
            aria-hidden="true">&times;</span></button>
    <h4 class="modal-title">基本信息</h4>
</div>
<div class="modal-body">
    <div class="container-fluid">

        <div class="row gap">
            <div class="col-xs-6 col-sm-3">姓名</div>
            <div class="col-xs-6 col-sm-3">abc</div>

            <div class="col-xs-6 col-sm-3">身份证号</div>
            <div class="col-xs-6 col-sm-3">123456789123456789</div>
        </div>


        <div class="row gap">
            <div class="col-xs-6 col-sm-3">出生日期</div>
            <div class="col-xs-6 col-sm-3">1970-5-10</div>

            <div class="col-xs-6 col-sm-3">性别</div>
            <div class="col-xs-6 col-sm-3">男</div>
        </div>

        <div class="row gap">
            <div class="col-xs-6 col-sm-3">民族</div>
            <div class="col-xs-6 col-sm-3">汉</div>

            <div class="col-xs-6 col-sm-3">身高</div>
            <div class="col-xs-6 col-sm-3">汉</div>
        </div>

        <div class="row gap">
            <div class="col-xs-6 col-sm-3">体重</div>
            <div class="col-xs-6 col-sm-3">65kg</div>

            <div class="col-xs-6 col-sm-3">婚姻状况</div>
            <div class="col-xs-6 col-sm-3">已婚</div>
        </div>

        <div class="row gap">
            <div class="col-xs-6 col-sm-3">省</div>
            <div class="col-xs-6 col-sm-3">浙江</div>

            <div class="col-xs-6 col-sm-3">市</div>
            <div class="col-xs-6 col-sm-3">杭州</div>
        </div>

        <div class="row gap">
            <div class="col-xs-6 col-sm-3">地区</div>
            <div class="col-xs-6 col-sm-3">西湖区</div>

            <div class="col-xs-6 col-sm-3">是否抽烟</div>
            <div class="col-xs-6 col-sm-3">是</div>
        </div>

        <div class="row gap">
            <div class="col-xs-6 col-sm-3">是否饮酒</div>
            <div class="col-xs-6 col-sm-3">是</div>

            <div class="col-xs-6 col-sm-3">HBsAg状态</div>
            <div class="col-xs-6 col-sm-3">阴性</div>
        </div>

        <div class="row gap">
            <div class="col-xs-6 col-sm-3">乙肝家族史</div>
            <div class="col-xs-6 col-sm-3">xx</div>

            <div class="col-xs-6 col-sm-3">肝癌家族史</div>
            <div class="col-xs-6 col-sm-3">无</div>
        </div>


        <div class="row gap">
            <div class="col-xs-6 col-sm-3">输血或血制品史</div>
            <div class="col-xs-6 col-sm-3">无</div>

            <div class="col-xs-6 col-sm-3">其他慢性病史</div>
            <div class="col-xs-6 col-sm-3">无</div>
        </div>
    </div>
</div>
